import React, { Component } from 'react';
import '../styles/MyEntry.scss'
import pic1 from '../assets/01.gif'
import pic2 from '../assets/02.gif'
import pic3 from '../assets/03.gif'
import pic4 from '../assets/04.gif'
import pic5 from '../assets/05.gif'
import pic6 from '../assets/06.gif'
import pic7 from '../assets/07.gif'
import pic8 from '../assets/08.gif'
import pic9 from '../assets/09.gif'
import pic10 from '../assets/10.gif'
import pic11 from '../assets/11.gif'


class MyEntry extends Component {
    constructor(props) {
        super(props)
        this.state = {
            list: [
                { pic: pic1, text: '护肤' },
                { pic: pic2, text: '彩妆' },
                { pic: pic3, text: '香氛' },
                { pic: pic4, text: '进口酒' },
                { pic: pic5, text: '国产酒' },
                { pic: pic6, text: '精品奢货' },
                { pic: pic7, text: '食品百货' },
                { pic: pic8, text: '母婴专区' },
                { pic: pic9, text: '直播专区' },
                { pic: pic10, text: '特卖专场' },
            ],
            nightlist: [pic11]
        }
    }
    render() {
        return (
            <div className='entry'>
                <div className="message">
                    1分抵1元。请您点击此处查看《购物须知》
                </div>
                <div className="list">
                    {
                        this.state.list.map((item, index) => {
                            return (
                                <div className="entry_item" key={index}>
                                    <img src={item.pic} alt="" />
                                    <div className="text">
                                        {item.text}
                                    </div>
                                </div>
                            )
                        })
                    }
                </div>
                <div className="night">
                    <img src={pic11} alt="" />
                </div>
            </div>
        );
    }
}

export default MyEntry;